// 基础设置
@import "setting";

// 皮肤调用
@import "@{color-setting}";

@import "override";

@import "mixins";

html {
  height: 100%;
  display: flex;
  body {
    display: flex;
    margin: 0;
    flex: 1;
    overflow: auto;
    #app {
      font-size: 28px;
      display: flex;
      flex: 1;
      overflow: auto;
      a {
        text-decoration: none;
      }
    }
  }
}

// custom css namespace
.rt-app-container {
  display: flex;
  flex: 1;
  overflow: auto;
  & > div {
    flex: 1;
    background-color: @color-background;
  }
}

@placeholderColor: #808080;
@placeholderFontSize: 28px;

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: @placeholderColor;
   font-size: @placeholderFontSize;
}

:-moz-placeholder { /* Firefox 18- */
   color: @placeholderColor;
   font-size: @placeholderFontSize;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: @placeholderColor;
   font-size: @placeholderFontSize;
}

:-ms-input-placeholder { /* IE 10+ */
   color: @placeholderColor;
   font-size: @placeholderFontSize;
}

.am-switch input[type="checkbox"]:checked + .checkbox {
  background-color: @color-primary;
}

// import less
@import "./font";

@import "../../components/public/common";
@import "../../components/public/style";

@import "../../components/ui/common";
@import "../../components/ui/style";

@import "../../components/container/style";
@import "../../components/container/common";

@import "../../components/web-ui/style";

@import "../../components/layout/style";
@import "../../components/layout/common";

@import "../../components/traditional/style";
@import "../../components/without-prefix/style";
@import "../../components/crm/style";
@import "../../components/extra/style";

// 公共样式
@import "./common";
@import "./popup";
